<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all-use.css"/>
    <link rel="stylesheet" href="../css/bs.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="../js/popper.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/booking.js"></script>
    <title></title>
</head>
<body class="all-background">
<div>
    <!--    header-->
    <div class="pos-fixed">
        <div class="fixed-set" id="header">
            会议室预约
        </div>
    </div>
    <div class="out-top">
    </div>
    <!--    end of header-->

    <!--    begin of container-->
    <!--    todo: card-showing -->
    <div>
        <!--    begin of information page-->
        <div style="margin-top: 20px" id="information-page">
            <div class="container">
                <!--                begin of location indicator-->
                <div class="left">
                    <div class="btn-group-vertical btn-list" role="group" aria-label="Basic example"
                         id="location-indicator">
                        <button type="button" class="btn btn-secondary btn-list-set">一楼</button>
                        <button type="button" class="btn btn-secondary btn-list-set">二楼</button>
                        <button type="button" class="btn btn-secondary btn-list-set">三楼</button>
                        <button type="button" class="btn btn-secondary btn-list-set">四楼</button>
                    </div>
                </div>
                <!--                end of location indicator-->

                <!--                begin of meeting room container-->
                <div class="right">
                    <div class="container all-background" id="meeting-room-container">
                        <!--                        begin of meeting room information-->
                        <div class="row detail-bottom">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">选定</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                        </div>

                        <!--                        end of meeting room information-->

                        <div class="row detail-bottom">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">选定</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                        </div>
                        <div class="row detail-bottom">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">选定</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                        </div>
                        <div class="row detail-bottom">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">选定</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                        </div>
                        <div class="row detail-bottom">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">选定</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                        </div>
                        <div class="row detail-bottom">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">选定</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--                end of meeting room container-->
            </div>
        </div>
        <!--    end of information page-->
    </div>
    <!--    begin of state indicator-->
    <div class="out-bottom-sp">
    </div>

    <div>
        <div class="nav-next-back">
            <div>
                <button class="button-back button-off" id="previous-step">
                    上一步
                </button>
            </div>
            <div>
                <button class="button-next btn-primary button-shadow" id="next-step">
                    下一步
                </button>
            </div>
        </div>
    </div>

    <!--    end of state indicator-->
    <!--    end of container-->
    <!--begin of navigator-->
    <div id="mynav">
        <ul class="nav nav-pills nav-fill">
            <li class="nav-item nav-width">
                <button class="nav-link nav-height active">预约会议室</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link  nav-height" onclick="universal_redirectToMeetingRoom()">查看占用</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link nav-height" onclick="universal_redirectToManagement()">个人中心</button>
            </li>
        </ul>
    </div>
    <!--end of navigator-->

</div>
</body>
</html>











